<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="path" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Return Query</title>
<script src="${path}/js/borrowlist/borrowList.js"></script>
<!-- BEGIN GLOBAL MANDATORY STYLES -->

<link href="${path}/css/basic/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<link href="${path}/css/basic/bootstrap-responsive.min.css"
	rel="stylesheet" type="text/css" />

<link href="${path}/css/basic/font-awesome.min.css" rel="stylesheet"
	type="text/css" />

<link href="${path}/css/basic/style-metro.css" rel="stylesheet"
	type="text/css" />

<link href="${path}/css/basic/style.css" rel="stylesheet"
	type="text/css" />

<link href="${path}/css/basic/style-responsive.css" rel="stylesheet"
	type="text/css" />

<link href="${path}/css/basic/default.css" rel="stylesheet"
	type="text/css" id="style_color" />

<link href="${path}/css/basic/uniform.default.css" rel="stylesheet"
	type="text/css" />

<!-- END GLOBAL MANDATORY STYLES -->
</head>
<body>
	<!-- BEGIN PAGE CONTAINER-->
	<div class="container-fluid">
		<!-- BEGIN PAGE HEADER-->
		<div class="row-fluid">
			<div class="span12">
				<!-- BEGIN PAGE TITLE & BREADCRUMB-->
				<h3 class="page-title">Return Query</h3>
				<ul class="breadcrumb">
					<li><i class="icon-home"></i><a href="${path}/admin/main">Home</a>
						<span class="icon-angle-right"></span></li>
					<li>Return Query</li>
				</ul>
				<!-- END PAGE TITLE & BREADCRUMB-->
			</div>
		</div>
		<!-- END PAGE HEADER-->
		<!-- BEGIN PAGE CONTENT-->
		<div class="row-fluid">
			<div class="span12">
				<!-- BEGIN SAMPLE FORM PORTLET-->
				<div class="portlet box green tabbable">
					<div class="portlet-title">
						<div class="caption">Return Query</div>
					</div>
					<div class="portlet-body form">
						<div class="tab-content">
							<div class="tab-pane active" id="portlet_tab1">
								<!-- BEGIN Ajax-->
								<div style="margin-top: 20px; margin-left: 40px">

									<label style='float: left'>Book Name: </label> <input
										type="text" id="bookname" style='float: left'
										placeholder="Enter Book Name" /><label
										style='float: left'>Reader Name: </label> <input type="text"
										id="readername" style='float: left'
										placeholder="Enter Reader Name" /><input
										type="checkbox" name="check" id="cReturn" style='float: left'
										value="returned" checked="checked">Return <input type="checkbox"
										name="check" id="cNoReturn" style='float: left' value="noReturn">No
									Return <input type="button" name="queryB"
										value="Search" class="btn green" onclick="queryBorrowList()">
										<input type="button" name="c"
										value="Clear" class="btn green" onclick="doClearBN()">
								</div>
								<div id="borrowlist"></div>
							</div>
						</div>
					</div>
				</div>
				<!-- END SAMPLE FORM PORTLET-->
			</div>
		</div>
		<!-- END PAGE CONTENT-->
	</div>
	<!-- END PAGE CONTAINER-->
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

	<!-- BEGIN CORE PLUGINS -->

	<script src="${path}/js/basic/jquery-1.10.1.min.js"
		type="text/javascript"></script>

	<script src="${path}/js/basic/jquery-migrate-1.2.1.min.js"
		type="text/javascript"></script>

	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->

	<script src="${path}/js/basic/jquery-ui-1.10.1.custom.min.js"
		type="text/javascript"></script>

	<script src="${path}/js/basic/bootstrap.min.js" type="text/javascript"></script>

	<!--[if lt IE 9]>

	<script src="${path}/js/basic/excanvas.min.js"></script>

	<script src="${path}/js/basic/respond.min.js"></script>  

	<![endif]-->
	<script src="${path}/js/basic/jquery.slimscroll.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery.blockui.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery.cookie.min.js"
		type="text/javascript"></script>
	<script src="${path}/js/basic/jquery.uniform.min.js"
		type="text/javascript"></script>
	<!-- END CORE PLUGINS -->
	<script src="${path}/js/basic/app.js"></script>
	<script>
		jQuery(document).ready(function() {
			// initiate layout and plugins
			App.init();
		});
	</script>
	<!-- END JAVASCRIPTS -->


</body>
</html>